<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" >
    <title>全球新型冠状病毒实时数据统计</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" crossorigin="anonymous">
</head>

<body>
<div class="container">
    <h1 th:text="(${country}==null?'全球':${country})+'新冠病毒实时数据统计'" align="center"></h1>

    <div class="jumbotron" >
        <h1 class="display-4" th:text="${totalReportedCases}"></h1>
        <p class="lead" th:text="'截至今天'+(${country}==null?'全球':${country})+'新冠肺炎确诊病例数'"></p>

        <p class="lead">当前时间：<span th:text="${#temporals.format(localDateTime,'yyyy-MM-dd HH:mm')}"></span></p>
        <hr class="my-4">

        <p>
            <span th:text="'较前一日新增'+(${country}==null?'全球':${country})+'新冠肺炎确诊病例数:'"></span>
            <span th:text="${totalNewCases}"></span>
        </p>
    </div>

    <table class="table" >
        <tr bgcolor="#7fffd4">
            <th>省/州</th>
            <th>国家/地区</th>
            <th>确诊病例总数</th>
            <th>较前一日新增病例数</th>
        </tr>
        <tr th:each="confirmed:${confirmedCase}">
            <td th:text="${confirmed.state}"></td>
            <td th:text="${confirmed.country}"></td>
            <td th:text="${confirmed.latestTotalCases}"></td>
            <td th:text="${confirmed.increaseCases}"></td>
        </tr>
    </table>
</div>
</body>
</html>